<template>
	<!-- title部分 -->
	<view class="titlebox">
		<image class="titlebox-backimg" src="../../static/上一步.png" @click="gotoHome"></image>
		<view class="titlebox-titletext">我的团队</view>
	</view>
	<!-- team部分 -->
	<view class="team">
		<view class="personalbox">
			<image class="personalbox-profileimg" src="../../static/头像.png"></image>
			<view class="personalbox-informationbox">
				<view class="personalbox-informationbox-nametext">hi,爱喝咖啡的银豆</view>
				<view class="personalbox-informationbox-idtext">ID:42214117411</view>
			</view>
		</view>

		<view class="personalbox">
			<image class="personalbox-profileimg" src="../../static/头像.png"></image>
			<view class="personalbox-informationbox">
				<view class="personalbox-informationbox-nametext">hi,爱喝咖啡的银豆</view>
				<view class="personalbox-informationbox-idtext">ID:42214117411</view>
			</view>
		</view>

		<view class="personalbox">
			<image class="personalbox-profileimg" src="../../static/头像.png"></image>
			<view class="personalbox-informationbox">
				<view class="personalbox-informationbox-nametext">hi,爱喝咖啡的银豆</view>
				<view class="personalbox-informationbox-idtext">ID:42214117411</view>
			</view>
		</view>

		<view class="personalbox">
			<image class="personalbox-profileimg" src="../../static/头像.png"></image>
			<view class="personalbox-informationbox">
				<view class="personalbox-informationbox-nametext">hi,爱喝咖啡的银豆</view>
				<view class="personalbox-informationbox-idtext">ID:42214117411</view>
			</view>
		</view>
	</view>

</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoHome() {
				// 在tabbar中使用uniapp的switchTab方法跳转
				uni.switchTab({
					url: '/pages/home/home', // 我的路径
				});
			},
		}
	}
</script>

<style>
	page {
		background: #F6F6F6;
	}

	.titlebox {
		padding: 2%;
		display: flex;
		align-items: center;
		justify-content: center;
		margin-bottom: 10px;
		/* 添加这一行来水平居中 */
	}

	/* title部分样式 */
	.titlebox-backimg {
		width: 15px;
		height: 15px;
	}

	.titlebox-titletext {
		margin-left: auto;
		margin-right: auto;
		font-size: 15px;
		/* color: #333; */
		font-weight: 600;
	}

	/* Personal部分 */
	.team {
		padding: 2%;
	}

	.personalbox {
		padding: 4% 4%;
		display: flex;
		background: white;
		border-radius: 10px;
		margin-bottom: 10px;
	}

	.personalbox-profileimg {
		width: 50px;
		height: 50px;
		margin-right: 10px;
	}

	.personalbox-informationbox {}

	.personalbox-informationbox-nametext {
		font-size: 16px;
		margin-bottom: 8px;
	}

	.personalbox-informationbox-idtext {
		font-size: 13px;
		color: rgb(120, 120, 120);
	}
</style>
